<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<!--框架必需start-->
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
<script type="text/javascript" src="../../libs/js/framework.js"></script>
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->


<style>
.icons_style1 img{
	width:64px;
	height:64px;
}
.icons_style1 td{
text-align:center;
}
</style>
</head>
<body>
<div class="page_content">
<div class="groupTitle"><span>使用扁平图标时，直接引入图片</span></div>
<div class="icons_style1">
	<table class="tableStyle">
	<tr>
		<th colspan="6">图标位置：libs/icons/icon_flat目录</th>
		
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/addlocation.png" /></td>
		<td><img src="../../libs/icons/icon_flat/android.png" /></td>
		<td><img src="../../libs/icons/icon_flat/backword.png" /></td>
		<td><img src="../../libs/icons/icon_flat/battery.png" /></td>
		<td><img src="../../libs/icons/icon_flat/bebo.png" /></td>
		<td><img src="../../libs/icons/icon_flat/blackberry.png" /></td>
	</tr>
	<tr>
		<td>addlocation.png</td>
		<td>android.png</td>
		<td>backword.png</td>
		<td>battery.png</td>
		<td>bebo.png</td>
		<td>blackberry.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/blinklist.png" /></td>
		<td><img src="../../libs/icons/icon_flat/blogger.png" /></td>
		<td><img src="../../libs/icons/icon_flat/bulb.png" /></td>
		<td><img src="../../libs/icons/icon_flat/camera.png" /></td>
		<td><img src="../../libs/icons/icon_flat/cart.png" /></td>
		<td><img src="../../libs/icons/icon_flat/chrome.png" /></td>
	</tr>
	<tr>
		<td>blinklist.png</td>
		<td>blogger.png</td>
		<td>bulb.png</td>
		<td>camera.png</td>
		<td>cart.png</td>
		<td>chrome.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/clock.png" /></td>
		<td><img src="../../libs/icons/icon_flat/cloud1.png" /></td>
		<td><img src="../../libs/icons/icon_flat/cloud2.png" /></td>
		<td><img src="../../libs/icons/icon_flat/creditcard.png" /></td>
		<td><img src="../../libs/icons/icon_flat/delicious.png" /></td>
		<td><img src="../../libs/icons/icon_flat/designbumb.png" /></td>
	</tr>
	<tr>
		<td>clock.png</td>
		<td>cloud1.png</td>
		<td>cloud2.png</td>
		<td>creditcard.png</td>
		<td>delicious.png</td>
		<td>designbumb.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/designfloat.png" /></td>
		<td><img src="../../libs/icons/icon_flat/designmoo.png" /></td>
		<td><img src="../../libs/icons/icon_flat/deviantart.png" /></td>
		<td><img src="../../libs/icons/icon_flat/digg.png" /></td>
		<td><img src="../../libs/icons/icon_flat/dislike.png" /></td>
		<td><img src="../../libs/icons/icon_flat/download.png" /></td>
	</tr>
	<tr>
		<td>designfloat.png</td>
		<td>designmoo.png</td>
		<td>deviantart.png</td>
		<td>digg.png</td>
		<td>dislike.png</td>
		<td>download.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/dribbble.png" /></td>
		<td><img src="../../libs/icons/icon_flat/drupal.png" /></td>
		<td><img src="../../libs/icons/icon_flat/evernote.png" /></td>
		<td><img src="../../libs/icons/icon_flat/facebook.png" /></td>
		<td><img src="../../libs/icons/icon_flat/female.png" /></td>
		<td><img src="../../libs/icons/icon_flat/folder.png" /></td>
	</tr>
	<tr>
		<td>dribbble.png</td>
		<td>drupal.png</td>
		<td>evernote.png</td>
		<td>facebook.png</td>
		<td>female.png</td>
		<td>folder.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/forrst.png" /></td>
		<td><img src="../../libs/icons/icon_flat/forward.png" /></td>
		<td><img src="../../libs/icons/icon_flat/foursquare.png" /></td>
		<td><img src="../../libs/icons/icon_flat/friendfeed.png" /></td>
		<td><img src="../../libs/icons/icon_flat/gmail.png" /></td>
		<td><img src="../../libs/icons/icon_flat/google.png" /></td>
	</tr>
	<tr>
		<td>forrst.png</td>
		<td>forward.png</td>
		<td>foursquare.png</td>
		<td>friendfeed.png</td>
		<td>gmail.png</td>
		<td>google.png</td>
	</tr>
	
	<tr>
		<td><img src="../../libs/icons/icon_flat/googleplus.png" /></td>
		<td><img src="../../libs/icons/icon_flat/graph1.png" /></td>
		<td><img src="../../libs/icons/icon_flat/graph2.png" /></td>
		<td><img src="../../libs/icons/icon_flat/home.png" /></td>
		<td><img src="../../libs/icons/icon_flat/html5.png" /></td>
		<td><img src="../../libs/icons/icon_flat/icq.png" /></td>
	</tr>
	<tr>
		<td>googleplus.png</td>
		<td>graph1.png</td>
		<td>graph2.png</td>
		<td>home.png</td>
		<td>html5.png</td>
		<td>icq.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/image.png" /></td>
		<td><img src="../../libs/icons/icon_flat/iphone.png" /></td>
		<td><img src="../../libs/icons/icon_flat/lastfm.png" /></td>
		<td><img src="../../libs/icons/icon_flat/like.png" /></td>
		<td><img src="../../libs/icons/icon_flat/link.png" /></td>
		<td><img src="../../libs/icons/icon_flat/linkedin.png" /></td>
	</tr>
	<tr>
		<td>image.png</td>
		<td>iphone.png</td>
		<td>lastfm.png</td>
		<td>like.png</td>
		<td>link.png</td>
		<td>linkedin.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/listview.png" /></td>
		<td><img src="../../libs/icons/icon_flat/livejournal.png" /></td>
		<td><img src="../../libs/icons/icon_flat/locaton.png" /></td>
		<td><img src="../../libs/icons/icon_flat/lock.png" /></td>
		<td><img src="../../libs/icons/icon_flat/mailback.png" /></td>
		<td><img src="../../libs/icons/icon_flat/mailfront.png" /></td>
	</tr>
	<tr>
		<td>listview.png</td>
		<td>livejournal.png</td>
		<td>locaton.png</td>
		<td>lock.png</td>
		<td>mailback.png</td>
		<td>mailfront.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/male.png" /></td>
		<td><img src="../../libs/icons/icon_flat/mouse.png" /></td>
		<td><img src="../../libs/icons/icon_flat/music.png" /></td>
		<td><img src="../../libs/icons/icon_flat/myspace.png" /></td>
		<td><img src="../../libs/icons/icon_flat/network.png" /></td>
		<td><img src="../../libs/icons/icon_flat/ning.png" /></td>
	</tr>
	<tr>
		<td>male.png</td>
		<td>mouse.png</td>
		<td>music.png</td>
		<td>myspace.png</td>
		<td>network.png</td>
		<td>ning.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/notepad.png" /></td>
		<td><img src="../../libs/icons/icon_flat/paypal.png" /></td>
		<td><img src="../../libs/icons/icon_flat/pen.png" /></td>
		<td><img src="../../libs/icons/icon_flat/pencil.png" /></td>
		<td><img src="../../libs/icons/icon_flat/picasa.png" /></td>
		<td><img src="../../libs/icons/icon_flat/picasa2.png" /></td>
	</tr>
	<tr>
		<td>notepad.png</td>
		<td>paypal.png</td>
		<td>pen.png</td>
		<td>pencil.png</td>
		<td>picasa.png</td>
		<td>picasa2.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/pinterest.png" /></td>
		<td><img src="../../libs/icons/icon_flat/reddit.png" /></td>
		<td><img src="../../libs/icons/icon_flat/removelocation.png" /></td>
		<td><img src="../../libs/icons/icon_flat/rss.png" /></td>
		<td><img src="../../libs/icons/icon_flat/screen.png" /></td>
		<td><img src="../../libs/icons/icon_flat/search.png" /></td>
	</tr>
	<tr>
		<td>pinterest.png</td>
		<td>reddit.png</td>
		<td>removelocation.png</td>
		<td>rss.png</td>
		<td>screen.png</td>
		<td>search.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/setting.png" /></td>
		<td><img src="../../libs/icons/icon_flat/skype.png" /></td>
		<td><img src="../../libs/icons/icon_flat/stumbleupon.png" /></td>
		<td><img src="../../libs/icons/icon_flat/technorati.png" /></td>
		<td><img src="../../libs/icons/icon_flat/trash.png" /></td>
		<td><img src="../../libs/icons/icon_flat/tumblr.png" /></td>
	</tr>
	<tr>
		<td>setting.png</td>
		<td>skype.png</td>
		<td>stumbleupon.png</td>
		<td>technorati.png</td>
		<td>trash.png</td>
		<td>tumblr.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/twitter.png" /></td>
		<td><img src="../../libs/icons/icon_flat/unlock.png" /></td>
		<td><img src="../../libs/icons/icon_flat/upload.png" /></td>
		<td><img src="../../libs/icons/icon_flat/vimeo.png" /></td>
		<td><img src="../../libs/icons/icon_flat/wikipedia.png" /></td>
		<td><img src="../../libs/icons/icon_flat/windows.png" /></td>
	</tr>
	<tr>
		<td>twitter.png</td>
		<td>unlock.png</td>
		<td>upload.png</td>
		<td>vimeo.png</td>
		<td>wikipedia.png</td>
		<td>windows.png</td>
	</tr>
	<tr>
		<td><img src="../../libs/icons/icon_flat/wordpress.png" /></td>
		<td><img src="../../libs/icons/icon_flat/xbox.png" /></td>
		<td><img src="../../libs/icons/icon_flat/yahoo.png" /></td>
		<td><img src="../../libs/icons/icon_flat/youtube.png" /></td>
		<td></td>
		<td></td>
	</tr>
	<tr>
		<td>wordpress.png</td>
		<td>xbox.png</td>
		<td>yahoo.png</td>
		<td>youtube.png</td>
		<td></td>
		<td></td>
	</tr>
	
	</table>
</div>	

</div>	
</body>
</html>